<template>
  <div>
    <OrderList :orderList="orderList"></OrderList>
  </div>
</template>

<script>
import { mapActions, mapState } from 'vuex'
export default {
  name: 'OrderUnpaid',
  created () {
    this.getAllOrderAction({ dataType: 'comment', page: '1' })
  },
  methods: {
    ...mapActions('order', ['getAllOrderAction'])
  },
  computed: {
    ...mapState('order', ['orderList'])
  }
}
</script>

<style scoped>
.unpaid{
  background-color: rgb(247, 247, 247);
}
.unpaid-order{
  width: 250px;
  margin:0 auto;
  padding: 15px 0;
  font-size: 14px;

}
</style>
